import React, {useContext} from 'react';
import {ColorContext, UPDATE_COLOR} from "./Color"

export default function () {
  const {dispatch} = useContext(ColorContext)

  return (
    <div>
      <button onClick={()=>{dispatch({type: UPDATE_COLOR, color: 'red'})}}>红色</button>
      <button onClick={()=>{dispatch({type: UPDATE_COLOR, color: 'yellow'})}}>黄色</button>
    </div>
  )
}
